import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

import path from 'path'

// 引入自动导入组件的插件
import  Components  from 'unplugin-vue-components/vite'

// 自动导入vue 项目插件库
import AutoImport from 'unplugin-auto-import/vite'

// https://vitejs.dev/config/
export default defineConfig({
  //别名配置
  resolve: {
    alias: {
      //设置路径的别名
      // __dirname 当前所在的目录 /shop
      // path.resolve 拼接路径 /shop/src
      "@": path.resolve(__dirname, "src"),
      'vue': 'vue/dist/vue.esm-bundler.js' // 定义vue的别名，如果使用其他的插件，可能会用到别名
    }
  },
  server:{
    port:3000,
    proxy:{ //服务的请求代理
      '/shopping': {
        target: 'http://www.fast.even233.cn/shopping/',
        changeOrigin:true,  //跨域
        //替换掉shopping前缀 防止多个shopping地址
        rewrite: (path) => path.replace(/^\/shopping/, '')
      }
    }
  },
  plugins: [
    vue(),
    // 自动加载规则
    Components({
      // 指定 组件的位置，默认是src/components
      dir: ['src/components'],
      extensions: ['vue'],
    }),
    // 自动导入库
    AutoImport({
      imports: ['vue','vue-router']
    })
  ],
})
